<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Creative - Bootstrap 3 Responsive Admin Template">
    <meta name="author" content="GeeksLabs">
    <meta name="keyword" content="Creative, Dashboard, Admin, Template, Theme, Bootstrap, Responsive, Retina, Minimal">
    <link rel="shortcut icon" href="houtai/img/favicon.png">
	<link rel="stylesheet" href="css/default/easyui.css">
<link rel="stylesheet" href="css/icon.css">
    <title>投资族谱</title>

<script src="js/jquery.min.js"></script>
<script src="js/jquery.easyui.min.js"></script>
<script src="js/easyui-lang-zh_CN.js"></script>
<script type="text/javascript">
$.ajax({
	url : 'GetCorpNameServlet.com',
	type : 'GET',
	dataType : 'text',
	timeout : 2000,
	error : function() {
		$.messager.alert("错误", "执行错误");
	}, //错误执行方法
	success : function(result) {
		var company_name = (new Function("", "return " + result))();;
		$().ready(function() {
			$("#company_name").autocomplete(company_name, {
				max : 5, //列表里的条目数  
				width : 500, //提示的宽度，溢出隐藏  
				scrollHeight : 150, //提示的高度，溢出显示滚动条  
				matchContains : false, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示  
				autoFill : false
			//是否自动填充  
			});
		});
	}
})	
</script>
    <!-- Bootstrap CSS -->    
    <link href="houtai/css/bootstrap.min.css" rel="stylesheet">
    <!-- bootstrap theme -->
    <link href="houtai/css/bootstrap-theme.css" rel="stylesheet">
    <!--external css-->
    <!-- font icon -->
    <link href="houtai/css/elegant-icons-style.css" rel="stylesheet" />
    <link href="houtai/css/font-awesome.min.css" rel="stylesheet" />    
    <!-- full calendar css-->
    <link href="houtai/assets/fullcalendar/fullcalendar/bootstrap-fullcalendar.css" rel="stylesheet" />
	<link href="houtai/assets/fullcalendar/fullcalendar/fullcalendar.css" rel="stylesheet" />
    <!-- easy pie chart-->
    <link href="houtai/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.css" rel="stylesheet" type="text/css" media="screen"/>
    <!-- owl carousel -->
    <link rel="houtai/stylesheet" href="css/owl.carousel.css" type="text/css">
	<link href="houtai/css/jquery-jvectormap-1.2.2.css" rel="stylesheet">
    <!-- Custom styles -->
	<link rel="stylesheet" href="houtai/css/fullcalendar.css">
	<link href="houtai/css/widgets.css" rel="stylesheet">
    <link href="houtai/css/style.css" rel="stylesheet">
    <link href="houtai/css/style-responsive.css" rel="stylesheet" />
	<link href="houtai/css/xcharts.min.css" rel=" stylesheet">	
	<link href="houtai/css/jquery-ui-1.10.4.min.css" rel="stylesheet">
	<link rel="stylesheet" href="css/jquery.autocomplete.css" type="text/css" />
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 -->
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.min.js"></script>
      <script src="js/lte-ie7.js"></script>
    <![endif]-->
    <script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-gl/echarts-gl.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts-stat/ecStat.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/dataTool.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/china.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/map/js/world.js"></script>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ZUONbpqGBsYGXNIYHicvbAbM"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/echarts/extension/bmap.min.js"></script>
	<script type="text/javascript" src="http://echarts.baidu.com/gallery/vendors/simplex.js"></script>
	<script type="text/javascript">
		
	$.ajax({
		url : 'GetInvestmentServlet.com',
		type: 'GET',  
		dataType: 'text',
		timeout : 2000,
		error : function(result) {
			$.messager.alert("错误", "执行错误");
		}, //错误执行方法
        //请求成功后要执行的函数，拼接html
        success: function(result){	
			var array = result.split("+");
			var str1 = array[0];
			var str2 = array[1];

			document.getElementById("company_name").innerHTML = str2;
			var url = "GetCorpInfoServlet.com?company_name=" + str2;
			document.getElementById("links").href = url;
			var json = (new Function("", "return " + str1))();

			var myChart = echarts.init(document.getElementById("main"));

			myChart.showLoading();

			myChart.hideLoading();

			myChart.setOption(option = {
	   				title : {
	   			        text: '投资族谱',
	   			        x : 'center'
	   			    },
	    			tooltip : {
	    				
	    			},
	    			series : [ {
	    				name:'树图',
	    				type : 'tree',
	    				data : json,
	    				orient: 'horizontal',
	    				rootLocation: {x: 100,y: 230},
	    				nodePadding: 8,
	    	            layerPadding: 200,
	    	            hoverable: false,
	    	            roam: true,
	    				symbolSize : 20,
	    				mcHereShow : true,
	                    label : {
							normal : {
								show : true,
								position: 'left',
	                            verticalAlign: 'middle',
	                            align: 'right',
								textStyle : {
									fontSize : 15
								},
							}
						},
	                    leaves: {
	                        label: {
	                            normal: {
	                                position: 'right',
	                                verticalAlign: 'middle',
	                                align: 'left'
	                            }
	                        }
	                    },
	    				itemStyle: {
	    	                normal: {
	    	                    color: '#6ab0b8',
	    	                    label: {
	    	                        show: true,
	    	                        position: 'right',
	    	                        formatter: "{b}",
	    	                        textStyle: {
	    	                            color: '#000',
	    	                            fontSize: 5
	    	                        }
	    	                    },
	    	                    lineStyle: {
	    	                    	color : '#6ab0b8',
									opacity : 20,
									width : 2,
									type : 'solid',
									show : false

	    	                    }
	    	                },
	    	                emphasis: {
	    	                    color: '#4883b4',
	    	                    label: {
	    	                        show: false
	    	                    },
	    	                    borderWidth: 0
	    	                }
	    	            },

	    				expandAndCollapse : true,
	    				animationDuration : 550,
	    				animationDurationUpdate : 750
	    			} ]

	    		});
	    		;
	    		if (option && typeof option === "object") {
	    			myChart.setOption(option, true);
	    		}
	        }
	    });
	</script>
   
  </head>
  
   
 
  <body>
  <!-- container section start -->
  <section id="container">
    
      
      <header class="header dark-bg" style="padding-left: 22%">
            <div class="toggle-nav">
                <div class="icon-reorder tooltips" data-original-title="Toggle Navigation" data-placement="bottom"></div>
            </div>

            <!--logo start-->
            <a class="navbar-brand" href="index.jsp">企业信息族谱分析</a>
            <!--logo end-->

            <div class="nav search-row" id="top_menu">
				<!--  search form start -->
				<ul class="nav top-menu">
					<li>
						<form class="navbar-form" action="GetCorpInfoServlet.com"
							method="get">
							<input class="form-control" placeholder="请输入企业名称..."
								type="text" id="company_name" name="company_name"
								style="width: 300px">
							<button type="submit" class="btn btn-info btn-sm">查一下</button>
						</form>
					</li>
				</ul>
				<!--  search form end -->
			</div>
     </header>      
      <!--header end-->

      <!--sidebar start-->
       <!--sidebar end-->
      
      <!--main content start-->
      <section id="main-content">
          <section class="wrapper">            
              <!--overview start-->
			  <div class="row">
				<div class="col-lg-12">
					
					<ol class="breadcrumb">
						<li><i class="fa fa-laptop"></i><a href="" id="links">基本信息</a></li>
							<li><i class="fa fa-laptop"></i><a href="tu_1.html">股权结构</a></li>
							<li><i class="fa fa-laptop"></i><a href="tu_2.html">投资族谱</a></li>
							<li><i class="fa fa-laptop"></i><a href="tu_3.html">企业图谱</a></li>
							<li><i class="fa fa-laptop"></i><a href="tu_4.html">疑似关系</a></li>						  	
					</ol>
				</div>
			</div>
              
            
			 
          <div class="row">
          <div id="main" style="width: 100%; height: 700px;"></div>
				</div>
		
		
		      <!-- project team & activity end -->

          </section>
      </section>
      <!--main content end-->
  </section>
  <!-- container section start -->

    <!-- javascripts -->
    <script src="houtai/js/jquery.js"></script>
	<script src="houtai/js/jquery-ui-1.10.4.min.js"></script>
    <script src="houtai/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="houtai/js/jquery-ui-1.9.2.custom.min.js"></script>
    <!-- bootstrap -->
    <script src="houtai/js/bootstrap.min.js"></script>
    <!-- nice scroll -->
    <script src="houtai/js/jquery.scrollTo.min.js"></script>
    <script src="houtai/js/jquery.nicescroll.js" type="text/javascript"></script>
    <!-- charts scripts -->
    <script src="houtai/assets/jquery-knob/js/jquery.knob.js"></script>
    <script src="houtai/js/jquery.sparkline.js" type="text/javascript"></script>
    <script src="houtai/assets/jquery-easy-pie-chart/jquery.easy-pie-chart.js"></script>
    <script src="houtai/js/owl.carousel.js" ></script>
    <!-- jQuery fhoutai/ull calendar -->
    <script src="houtai/js/fullcalendar.min.js"></script> <!-- Full Google Calendar - Calendar -->
	<script src="houtai/assets/fullcalendar/fullcalendar/fullcalendar.js"></script>
    <!--script for this page only-->
    <script src="houtai/js/calendar-custom.js"></script>
	<script src="houtai/js/jquery.rateit.min.js"></script>
    <!-- custom select -->
    <script src="houtai/js/jquery.customSelect.min.js" ></script>
	<script src="houtai/assets/chart-master/Chart.js"></script>
   
    <!--custome script for all page-->
    <script src="houtai/js/scripts.js"></script>
    <!-- custom script for this page-->
    <script src="houtai/js/sparkline-chart.js"></script>
    <script src="houtai/js/easy-pie-chart.js"></script>
	<script src="houtai/js/jquery-jvectormap-1.2.2.min.js"></script>
	<script src="houtai/js/jquery-jvectormap-world-mill-en.js"></script>
	<script src="houtai/js/xcharts.min.js"></script>
	<script src="houtai/js/jquery.autosize.min.js"></script>
	<script src="houtai/js/jquery.placeholder.min.js"></script>
	<script src="houtai/js/gdp-data.js"></script>	
	<script src="houtai/js/morris.min.js"></script>
	<script src="houtai/js/sparklines.js"></script>	
	<script src="houtai/js/charts.js"></script>
	<script src="houtai/js/jquery.slimscroll.min.js"></script>
	<script src="houtai/js/headroom.min.js"></script>
	<script src="houtai/js/jQuery.headroom.js"></script>
  

	<script type="text/javascript" src="js/jquery.autocomplete.min.js"></script>

<script type="text/javascript">
$.ajax({
	url : 'GetCorpNameServlet.com',
	type : 'GET',
	dataType : 'text',
	timeout : 2000,
	error : function() {
		$.messager.alert("错误", "执行错误");
	}, //错误执行方法
	success : function(result) {
		var company_name = (new Function("", "return " + result))();;
		$().ready(function() {
			$("#company_name").autocomplete(company_name, {
				max : 5, //列表里的条目数  
				width : 500, //提示的宽度，溢出隐藏  
				scrollHeight : 150, //提示的高度，溢出显示滚动条  
				matchContains : false, //包含匹配，就是data参数里的数据，是否只要包含文本框里的数据就显示  
				autoFill : false
			//是否自动填充  
			});
		});
	}
})	
</script>
  
   <script>
//获取页面元素
  var myElement = document.querySelector("header");
  // 创建 Headroom 对象，将页面元素传递进去
  var headroom  = new Headroom(myElement);
  // 初始化
  headroom.init();
  </script>
 

  </body>
</html>
